@import '@/assets/css/index.less';
.blog-edit-page{
	.flex-center-center();
	flex-direction: column;
	.blog-top-box{
		width: 100vw;
		.flex-center-between();
		padding: 20px 18px;

		.blog-title{
				flex: 1;
				height: 40px;
				font-size: 24px;
				font-weight: bold;
				color: #000000;
				border: none;
				margin: 0;
				background: none;

				&::placeholder{
						color: #86909c;
				}
		}

		.blog-top-right{
				.flex-center-start();

				.blog-save-btn{
						padding: 8px 13px;
						text-align: center;
						color: #ff4d4d;
						border-radius: 4px;
						cursor: pointer;
						border: 1px solid #ff4d4d;
		
						&:hover, &:active{
								background-color: #f6f6f6;
								border-color: #fc1944;
						}
				}

				.blog-submit{
						padding: 8px 13px;
						text-align: center;
						color: #fff;
						background: #ff4d4d;
						border-radius: 4px;
						cursor: pointer;
						margin-left: 20px;
		
						&:hover, &:active{
								background-color: #fc1944;
						}
				}
		}
	}
}